<template>
    <view class="attributeItem-box">
        <text class="title">{{ props.title + '：' }}</text>
        <text class="desc" selectable>{{ props.desc }}</text>
    </view>
</template>
<script setup>


const props = defineProps({
    title: {
        type: String,
        default: () => {
            return '--'
        }
    },
    desc: {
        type: String,
        default: () => {
            return '--'
        }
    }
})


</script>
<style lang="scss" scoped>
.attributeItem-box {
    width: 710rpx;
    display: flex;
    margin: auto auto 20rpx;
    flex-direction: row;

    .title {
        font-size: 28rpx;
        white-space: nowrap;
        color: #717171;
    }

    .desc {
        font-size: 28rpx;
        color: #1D161F;
    }
}
</style>